#article{}
#article .top-nav-bar{background:#fff;box-shadow: 0px 1px 1px #ddd;-moz-box-shadow: 0px 1px 1px #ddd;-webkit-box-shadow: 0px 1px 1px #ddd;}
#article .dm-top-text a{color:#999;}
#article .dm-top-text a.active,
#article .dm-top-text a.active:hover{color:#333;}
#article .dm-top-text a:hover{color:#5d96f0}
#article .dm-logo{background-image:url('../images/article/logo-black.png?bust=0001');}
#article .dm-top-search-input,#article .dm-top-search-input input{background-color:#fff;}
#article .a-banner{height:370px;background:#fff url('../images/article/banner.jpg') no-repeat top center;background-size: cover;margin-top:-8px;border-bottom:1px solid #ddd;}
#article .a-banner .a-banner-users{width:1000px;margin:0 auto;padding-top:30px; text-align:center;}
#article .a-banner .a-banner-users .user{width:190px;over-flow:hidden;padding:30px 0; margin:0 15px; display:inline-block;background:rgba(92,134,226,0.4);border-radius:3px;}
#article .a-banner .a-banner-users img{color:#fff;width:90px;height:90px;border-radius:50%;margin-bottom:10px;}
#article .a-banner .a-banner-users h1{color:#fff;font-size:18px;font-weight:normal}
#article .a-banner .a-banner-users label{color:#cacacf;display:block;font-weight:normal;}
#article .a-banner .a-banner-users button{color:#5d96f0;border:1px solid #5d96f0;background:transparent;padding:4px 20px;border-radius:3px;margin-top:10px;}
#article .a-banner .a-banner-users button.active{color:#999;border:1px solid #999;}
#article .a-tabs{}
#article .a-tabs ul{margin:0;padding:0;text-align:center;margin:30px 0;}
#article .a-tabs ul li{display:inline-block;border-bottom:2px solid #fff;background:#fff;color:#333;padding:5px 20px;font-size:18px;font-weight:700;cursor:pointer;}
#article .a-tabs ul li.active{color:#5d96f0;border-color:#5d96f0}
#article .a-tabs .a-tab-content{paddding:30px;}
#article .a-tabs .a-tab-content .a-articles{width:320px;height:440px;background:#fff;text-align:center;float:left;margin:0 11px 40px 11px;position:relative;}
#article .a-tabs .a-tab-content .a-articles span{padding:15px;color:#999}
#article .a-tabs .a-tab-content .a-articles img{width:90%;margin:5px 15px 0 15px;}
#article .a-tabs .a-tab-content .a-articles h1{color:#333;font-size:16px;font-weight:bold;text-align:left;padding:10px 15px;line-height:28px;overflow:hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#article .a-tabs .a-tab-content .a-articles p{color:#666;font-size:14px;text-align:left;padding:0 15px;line-height:25px;margin-bottom:5px;min-height:125px;background-color:#fff;height:125px;overflow:hidden;position:relative;z-index:3;margin:0;min-height: 125px;}
#article .a-tabs .a-tab-content .a-articles .foot{padding:10px 15px;text-align:left;width:100%;background-color:#fff;bottom:0;box-shadow: 0px 3px 5px #ddd;-moz-box-shadow: 0px 3px 5px #ddd;-webkit-box-shadow: 0px 3px 5px #ddd;position:relative;z-index:1}
#article .a-tabs .a-tab-content .a-articles .foot em{font-style: normal;margin:0 5px 0 10px;}
#article .a-tabs .a-tab-content .a-question .foot .statis{float:right;height:29px;line-height:29px;}
#article .a-tabs .a-tab-content .a-question .foot .statis a{color:#999;font-size:13px;margin-left:20px;}

.a-left-questions{float:left;width:750px;}
.a-left-questions .a-question{background:#fff;padding:20px;margin-bottom:20px;box-shadow: 0px 3px 5px #ddd;-moz-box-shadow: 0px 3px 5px #ddd;-webkit-box-shadow: 0px 3px 5px #ddd;}
.a-left-questions .a-question .avatar{border-radius:50%;width:40px;height:40px;float:left;}
.a-left-questions .a-question .fields{float:right;width:660px;}
.a-left-questions .a-question .fields .date{font-weight:normal;font-size:12px;color:#999}
.a-left-questions .a-question .fields h1{font-size:16px;color:#333;font-weight:bold;}
.a-left-questions .a-question .fields p{margin-top:10px;color:#666}
.a-left-questions .a-question .fields img{float:right;max-width:120px;max-height:70px;margin-left:15px;}
.a-right-qrcode{float:right;width:260px;background:#fff;line-height:20px;color:#636363}

/* ��������-ͷ�� */
.a-detail{width:750px;margin:0 auto;background:#fff;padding:20px 25px;font-size: 16px;line-height: 28px;}
.a-nav{}
.a-nav a{color:#999;}
.a-nav a:HOVER{color:#666666;}
.a-title{color:#333;text-align:center;font-size:24px;margin-top:15px;}
.a-detail-fields{text-align:center;margin-top:10px;}
.a-detail-fields label{font-size:12px;font-weight:normal;margin:0 8px;}
.a-detail-fields em{font-style: normal;}
.a-detail-hr{height:10px;background:url('../images/article/icon-hr.png');border:0;margin:20px 0 40px 0}
/* ��������-���� */
.a-content{color:#333;font-size:16px;line-height:30px;}
.a-content img{max-width:600px;margin:30px auto;display:block;}
.a-content p{margin:0;padding:0; margin-bottom:25px;color: #333;font-size: 16px;line-height: 30px;}
.a-content ol li, .a-content ul li{margin:0 0 0 30px;padding:0 0 0 0;list-style:inherit;}
.a-content li p{margin-bottom:0;}
/* ��������-�ײ�-��Ȩ��ά�� */
.a-detail-qrcode{margin:50px 0;}
.a-detail-qrcode img{float:left;margin-right:20px;height:80px;width:80px;}
.a-detail-qrcode p{line-height:27px;}

.a-detail-event{text-align:center;}
.a-detail-event .icon-share{cursor:pointer;display:inline-block;background:url('../images/article/icon-detail.png') no-repeat;}
.a-detail-event .icon-share:before{display:none;}
.a-detail-event .icon-share.like{position:relative;width:100px;height:100px;background-position:-57px -20px;position:relative;}
.a-detail-event .icon-share.like.active{background-image:url('../images/article/icon-detail-2.png')}
.a-detail-event .icon-share.like span{position:absolute;width:100px;display:inline-block;text-align:center;left:0; bottom:20px;color:#fff;}
.a-detail-event .icon-share.like em{display:none; position:absolute;top:18px;right:20px;font-style:normal;color:#fff;}
.a-detail-event p{height:50px;line-height:50px;padding:30px;display:inline-table;margin-left:-40px}
.a-detail-event p span,.a-detail-event p i{height:50px;line-height:50px; display:table-cell;vertical-align: middle;margin:0 15px}
.a-detail-event .icon-share.wx{width:50px;height:50px;background-position:-3px -150px;}
.a-detail-event .icon-share.qq{width:50px;height:50px;background-position:-83px -150px;}
.a-detail-event .icon-share.weibo{width:50px;height:50px;background-position:-163px -150px;}

.a-detail-comment{padding-bottom:50px;}
.a-detail-comment .title{border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}
.a-detail-comment .title h2{float:left;color:#333;}
.a-detail-comment .title h2 span{color:#999;font-size:14px;}
.a-detail-comment .title a{float:right;}
.a-detail-comment .comments{font-size:16px;line-height:30px;}
.a-detail-comment .comments .first{padding:230px 0;text-align:center;}
.a-detail-comment .comments .first a{margin:0 5px;}
.a-detail-comment .comments .login{padding:50px 0;text-align:center;background:#EFEFEF}
.a-detail-comment .comments .login a{margin:0 5px;}
.a-detail-comment .comments .list{}
.a-detail-comment .comments .list .parent .user{margin:10px 0;}
.a-detail-comment .comments .list .parent .user .avatar{width:40px;height:40px;border-radius:50%;float:left;}
.a-detail-comment .comments .list .parent .user .fields{width:650px;float:right;}
.a-detail-comment .comments .list .parent .user .fields .name{color:#445293;}
.a-detail-comment .comments .list .parent .user .fields .date{font-size:12px;display:block;}
.a-detail-comment .comments .list .parent .content{color:#333;line-height:25px;margin:0;}
.a-detail-comment .comments .list .parent .p-event{margin:10px 0;}
.a-detail-comment .comments .parent .child{margin-bottom:15px;border-bottom:1px dotted #efefef}
.a-detail-comment .comments .parent .child .content{color:#999;border-left:5px solid #efefef;padding:0 0 0 15px;}
.a-detail-comment .comments .parent .child .content a{color:#445293}
.a-detail-comment .comments .parent .child .foot{margin:0 0;}
.a-detail-comment .comments .parent .child .foot .date{float:left;font-size:12px;margin-left:20px;height:28px;line-height:28px;}
.a-detail-comment .comments .parent .child .foot .c-event{float:right;}
.a-detail-comment form{text-align:right;}
.a-detail-comment form textarea{border:0;background:#efefef;padding:10px;font-size:15px;}
.a-detail-comment form button{background:#5d96f0;color:#fff;padding:7px 40px;border-radius:2px;border:0;font-size:17px;margin-top:20px;}
/* ��ʷ */
.a-history{margin-top:20px;}
.a-history .history-pull-left{float:left;width:750px;background:#fff;padding:0 20px;}
.a-history .history-pull-left .article{border-bottom:1px solid #ddd;padding:20px 0;}
.a-history .history-pull-left .article .date{font-size:20px;font-weight:bold;color:#333;}
.a-history .history-pull-left .article .fields{font-size:12px;}
.a-history .history-pull-left .article .title{color:#333;font-size:18px;}
.a-history .history-pull-right{float:right;width:260px;}
.a-history .history-pull-right .users{}
.a-history .history-pull-right .users div{position:relative;margin-bottom:10px;}
.a-history .history-pull-right .users img{float:left;}
.a-history .history-pull-right .users .fields{float:left;margin-bottom:0;}
.a-history .history-pull-right .users .fields label{display:block;color:#445293;font-size:16px;font-weight:normal;margin-bottom:0;}
.a-history .history-pull-right .users .fields span{display:block;color:#666;}
.a-history .history-pull-right .users button{position:absolute;top:0;right:0; border:0;background:transparent;color:#5d96f0;font-size:15px;}
.a-history .history-pull-right .users button b{font-size:20px;}
.hot-article{}
.hot-article ol{background:#fff;padding:20px;margin:0;}
.hot-article li{padding:0;margin:6px 0px 6px 20px;list-style-type:decimal!important}
.hot-article li img{float:left;width:20px;height:20px;border-radius:50%;margin-right:10px;}
.hot-article li a{color:#333;}

.a-history li, .a-history ol {
		list-style: none !important; 
		margin:0;
		}
		.a-history li {padding:0 !important; 
		padding: 0 10px;
		margin-bottom:5px;
		}
	.dm-page-right li, .dm-page-right ol {
		list-style: none !important; 
		margin:0;
		}
		.dm-page-right li {padding:0 !important; 
		padding: 0 10px;
		margin-bottom:5px;
		}	
		.ellipse {
    		
		}
		.ellipse  span:nth-child(1) {
		float:left;
			width:10%;
		}
		.ellipse  span:nth-child(2) {
		overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
		width:90%;
		}
		.ellipse  span {
			display: inline-block;
			
		}
		.dec {
			
		}
.a-history .banner-slide{margin-bottom:30px;}
.a-history .banner-slide .swiper-slide a{display:inline-block;}
.tag-content{background:url('../images/article/tag-banner.jpg') no-repeat center center;background-size:cover;height:279px;text-align:center;color:#fff;}
.tag-content .tag-icon{width:50px;height:50px;border-radius:10px;margin-top:50px;}
.tag-content .tag-title{font-weight:bold;font-size:20px;margin:0;padding:10px;}
.tag-content .tag-desc{width:760px;margin:15px auto 0 auto;font-size:16px;text-align:left;height:85px;overflow:hidden;}

.tags a {display: inline-block;border: 1px solid #ddd;padding: 0 10px;border-radius: 12px;background: #fff;line-height: 18px;height: 20px;margin-left: 5px;color: #999;font-size: 12px;}

.tags-nav{border-bottom:1px solid #eee;padding:10px 20px;position:relative;height:42px;}
.tags-nav #data-tags{text-align:center;}
.tags-nav #data-tags a{display:inline-block;padding:0px 15px;font-size:16px;color:#666;border-right:1px solid #eee;}
.tags-nav #data-tags a.active{color:#5d96f0;}
.tags-nav #data-tags a:hover{color:#5d96f0;}
.tags-nav #data-tags a.noborder{border:0!important;}
.tags-nav .more{position:absolute;right:20px;top:10px;border:0;padding:0 25px 0 0;margin:0;}
.tags-nav .more span{color:#999;}
.tags-nav .more .icon-tag-more{position:absolute;right:0;top:0px;background:url('../images/icons/tag-more.jpg') no-repeat;width:20px;height:20px;display:inline-block;}
.tags-nav #data-tags-all{position:absolute;left:0;top:41px; background:#f5f5f6;border:1px solid #eee;width:100%;padding:20px;}
.tags-nav #data-tags-all h2{color:#999;font-weight:normal;font-size:16px;}
.tags-nav #data-tags-all a{display:inline-block;padding:5px 20px;background:#fff;border:1px solid #ddd;color:#666;border-radius:20px;margin:10px 10px 10px 0;}
.tags-nav #data-tags-all a.active{background:#5d96f0;border-color:#5d96f0;color:#fff;}